<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

<%@page import="modelo.DataHoraSistema"%>

<%@page import="java.text.SimpleDateFormat" %>
<%@page import="java.util.Date" %>

<!DOCTYPE>

<html>
  <head>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   
    <title>
      Waiters
    </title>
   
 	<link rel="shortcut icon" href="images/icons/icone.png" />
    <link rel="stylesheet" type="text/css" href="css/minified/aui-production.min.css">
    <link id="layout-theme" rel="stylesheet" type="text/css" href="themes/minified/fides/color-schemes/dark-blue.min.css">
    <link rel="stylesheet" type="text/css" href="themes/minified/fides/common.min.css">
    <link rel="stylesheet" type="text/css" href="themes/minified/fides/responsive.min.css">
  
    <script type="text/javascript" src="js/minified/aui-production.min.js"></script>
	<script type="text/javascript" src="js/Chart.js"></script>

    	
     <!--[if lt IE 9]>
      <script src="assets/js/minified/core/html5shiv.min.js">
      </script>
      <script src="assets/js/minified/core/respond.min.js">
      </script>
    <![endif]-->
    <!-- Fides Admin CSS Core -->
  </head>
  
  <body>
    
    <!-- ************************ Barra Preta Menu ************************ -->  
    <div id="page-wrapper" class="demo-example">
        <div id="page-header" class="clearfix"> 
        
        <!-- ************************ Canto esquerdo. Logo ************************ -->  
            <div id="header-logo">
            <!-- ************************ Botao de recuar Menu  ************************ -->  
                <a href="javascript:;" class="tooltip-button" data-placement="bottom" title="" id="close-sidebar" data-original-title="Fechar Menu">
                <i class="glyph-icon icon-caret-left"></i> </a> <!-- Icone do botao Menu para Esquerda -->
                 
                <a href="javascript:;" class="tooltip-button hidden" data-placement="bottom" title="" id="rm-close-sidebar" data-original-title="Abrir Menu">
                <i class="glyph-icon icon-caret-right"></i> </a> <!-- Icone do botao Menu para Esquerda -->

                <img src="images/logo/logo1.png" width="153" height="46">  <!-- Logo -->  
            </div>
    
          	<div class="font-white font-bold font-size-17 display-inline pad10T pad25L">
	    		<%DataHoraSistema dt = new DataHoraSistema();%>
	    		<font><%=dt.getDateTime1()%></font>
    		</div>
    
   	 	<!-- ************************ Menu do Lado Direito ************************ -->
	        <div class="user-profile dropdown"> <!-- Usuario Logado -->
	          
	            <a href="javascript:;" title="" class="user-ico clearfix" data-toggle="dropdown"><i class="glyph-icon icon-gears"> </i> 
	            	<span>Arthur</span> <i class="glyph-icon icon-chevron-down"></i> </a>
	            
	                <ul class="dropdown-menu float-right">
	                    <li><a href="Empresa.jsp" title="Eitar o seu Perfil"> <i class="glyph-icon icon-user mrg5R"></i> Empresa </a></li>
	                    <li><a href="Funcionario-consultar.jsp" title="Editar o Perfil dos Funcionarios"> <i class="glyph-icon icon-cog mrg5R"></i> Funcionários </a></li>
	                    <li><a href="javascript:;" title="Sair do Sistema"><i class="glyph-icon icon-signout font-size-13 mrg5R"></i><span class="font-bold">Sair</span></a></li>
	                </ul>
	        </div>
   		</div>
       
    
      <!-- ************************ Barra Lado Esquedo - MENU  ************************ -->
   	  <div id="page-sidebar" class="scrollable-content" tabindex="5003" style="overflow: hidden; outline: none; height: 1315px;">
        <div id="sidebar-menu" class="active">
            <ul>
                <li class="current-page"> <a href="Principal.jsp" title="Home"> <i class="glyph-icon icon-home"></i> Home </a> </li>
                
                <li> <a href="Pedidos.jsp" title="Pedidos"> <i class="glyph-icon icon-reorder"></i> Pedidos </a>
                    <ul>
                        <li><a href="#" title="Pedidos atuais"><i class="glyph-icon icon-chevron-right"></i>Atual </a></li>
                        <li><a href="#" title="Pedidos anteriores"><i class="glyph-icon icon-chevron-right"></i> Anteriores </a></li>
                    </ul>
                </li>
                
                <li><a href="javascript:;" title="Relatórios"><i class="glyph-icon icon-bar-chart"></i>Relatórios</a>
                    <ul>
                        <li><a href="Relatorio-fluxo-de-caixa.jsp" title="Relatórios de fluxo de caixa">
                        	<i class="glyph-icon icon-chevron-right"></i>Fluxo de Caixa</a></li>
                            
                        <li><a href="Relatorio-Estatistica-de-pedidos.jsp" title="Estatística de produtos consumidos">
                        	<i class="glyph-icon icon-chevron-right"></i>Estatística de Produtos</a></li>
                            
                        <li><a href="Relatorio-Estatistica-de-consumo.jsp" title="Estatística do periodo de consumo">
                        	<i class="glyph-icon icon-chevron-right"></i>Estatística de Consumo</a></li>
                    </ul>
                </li>
                
                <li><a href="javascript:;" title="Relatórios"><i class="glyph-icon icon-book"></i>Cardápio</a>
                    <ul>
                        <li><a href="Cardapio.jsp" title="Relatórios de fluxo de caixa">
                        	<i class="glyph-icon icon-chevron-right"></i>Produto</a></li>
                            
                        <li><a href="Item.jsp" title="Estatística de produtos consumidos">
                        	<i class="glyph-icon icon-chevron-right"></i>Ingredientes</a></li>
                    </ul>
                </li>
            </ul>
        </div>
   	  </div>
    </div>
    <!-- # Fim Menu -->
    
    <div id="page-content-wrapper" style="margin-left: 220px;">
      
      <!-- Titulo -->
      <div id="page-title">
        <h3>
          Nome do Restaurante
        </h3>
      </div>
      <!-- Fim do Titulo -->
      <div class="mrg10L">
      <div id="page-content">
        <div class="row">
          <div class="col-md-6"></div>
        </div>
      </div>
      <!-- #page-content -->
      
      <div class="mrg10L">
 	  	 
	      	<canvas id="bar" height="220" width=550></canvas>

	      	<canvas id="canvas" height="220" width="220"></canvas>

	      	<h3>Azul 55%</h3>
	      		<input type="hidden" id="azul" value="55" />
	      	
	      	<h3>Laranja 25%</h3>
	      		<input type="hidden" id="laranja" value="25" />
	      	
	      	<h3>Cinza 20%</h3>
	      		<input type="hidden" id="cinza" value="20" />
      </div>
      	
	<script type="text/javascript" src="js/grafico.js"></script>
	
	
		<div class="col-md-6">

                <div class="content-box">
                    <h3 class="content-box-header ui-state-default">
                        <div class="glyph-icon icon-separator transparent">
                            <i class="glyph-icon icon-list"></i>
                        </div>
                        <span class="pad0L">Atendente</span>
                    </h3>
                    <div class="content-box-wrapper pad0A">
                        <div class="scrollable-content scrollable-small pad0R" tabindex="5004" style="overflow: hidden; outline: none;">

                            <ul class="notifications-box remove-border">
                                <li>
                                    <span class="btn bg-purple icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">This is an error notification</span>
                                    <div class="notification-time">
                                        a few seconds ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="btn bg-orange icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">This is a warning notification</span>
                                    <div class="notification-time">
                                        <b>15</b> minutes ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="bg-blue btn icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">Alternate error notification styling using helpers.</span>
                                    <div class="notification-time">
                                        <b>2 hours</b> ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="btn bg-purple icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">This is an error notification</span>
                                    <div class="notification-time">
                                        a few seconds ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="btn bg-orange icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">This is a warning notification</span>
                                    <div class="notification-time">
                                        <b>15</b> minutes ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="bg-blue btn icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text font-blue">Alternate notification styling.</span>
                                    <div class="notification-time">
                                        <b>2 hours</b> ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>

            </div>
           
      <div class="col-md-6">
                <div class="content-box">
                    <h3 class="content-box-header ui-state-default">
                        <div class="glyph-icon icon-separator transparent">
                            <i class="glyph-icon icon-list"></i>
                        </div>
                        <span class="pad0L">Solicitação</span>
                    </h3>
                    <div class="content-box-wrapper pad0A">
                        <div class="scrollable-content scrollable-small pad0R" tabindex="5004" style="overflow: hidden; outline: none;">

                            <ul class="notifications-box remove-border">
                                <li>
                                    <span class="btn bg-purple icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">This is an error notification</span>
                                    <div class="notification-time">
                                        a few seconds ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="btn bg-orange icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">This is a warning notification</span>
                                    <div class="notification-time">
                                        <b>15</b> minutes ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="bg-blue btn icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">Alternate error notification styling using helpers.</span>
                                    <div class="notification-time">
                                        <b>2 hours</b> ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="btn bg-purple icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">This is an error notification</span>
                                    <div class="notification-time">
                                        a few seconds ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="btn bg-orange icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text">This is a warning notification</span>
                                    <div class="notification-time">
                                        <b>15</b> minutes ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="bg-blue btn icon-notification glyph-icon icon-user"></span>
                                    <span class="notification-text font-blue">Alternate notification styling.</span>
                                    <div class="notification-time">
                                        <b>2 hours</b> ago
                                        <span class="glyph-icon icon-time"></span>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>

            </div>      
            </div> 
    </div>
    <!-- #page-main -->
    <!-- #page-wrapper -->
    
  </body>

</html>